
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic);*/

body {
    background: #ececec;
    /*font-family: 'Ubuntu', sans-serif;*/

}
#wrapper{
    width: 100%;
    min-width: 1050px;
    height: 100%;
    margin: 0 auto;
    background: #ffffff;
}
#header {
    background: #28343c;
    padding: 2%;
    color: #fff;
}
#header .logo {

}
#page-area {
    min-height: 100%;
}
.hFooter {
    width: 100px;
    height: 100px;
    margin: 0;
    clear: both;
}
#footer {
    height: 100px;
    line-height: 100px;
    margin-top: -100px;
    background: #c8c8c8;
    text-align: center;
}
#content, #side-bar {
    padding: 2%;
    margin-top: 1%;

}
#content {
    float: right;
    width: 65%;
    background: #f9f9f9;
}
.news-part {
    background: #fff;
    padding: 1%;
    margin-top: 1%;
}
.news-part:after {
    content: '';
    display: block;
    clear: both;
}
.news-part a {
    float: right;
    display: block;
    margin: 1%;
    padding: 1%;
    text-decoration: none;
    color: #fff;
    background: #ca6666;
}
.news-part a:hover {
    background: #f28787;
}
#side-bar {
    margin-left: 1%;
    float: left;
    width: 25%;
    border: 2px solid #eee;
}
.menu ul {
    list-style: none;
    padding: 0;
}
.menu ul li {
    margin: 0.5% 0;
}
.menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #ca6666;
    padding: 2%;
    text-align: center;
}
.menu ul li a:hover {
    color: #818181;
    background: #d1d1d1;
}